<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<title>旅游线路订单_会员中心_B2C旅游网站</title>
<link rel="stylesheet" type="text/css" href="/css/userCenter/common.css">
 <link type="text/css" rel="stylesheet" href="/css/userCenter/style.css">
    <style type="text/css">
        .style1
        {
            height: 20px;
        }
    </style>
<!--[if lte IE 6]>
<script src="/js/transparentbng.js" type="text/javascript"></script>
<script type="text/javascript">
DD_belatedPNG.fix('ul,img,li,input,b,div,a,*');//IE6 png透明解决方案
</script>
<![endif]-->
<style type="text/css">.changesBox{background-color: #FCFCFC;padding: 10px 0 10px 10px;width: 110px;position: absolute;top: 200px;border: 1px solid #eb544a;z-index: 1000;/* left: -122px; */}.changes{position: relative;}.changes dt{color: #EB544A; font-size: 16px; line-height: 50px;}.changes dd{float: left;}.changes dl.c1{}.changes dl.c1 dd{width: 43px; background-color: #EB544A; color: #fff; text-align: center; height: 40px; line-height: 40px; margin-right: 10px; margin-bottom: 10px;border: 1px solid #EB544A;}.changes dl.c1 dd a{color: #fff;}.changes dl.c1 dd.on{background: #fff url(/images/Selected.png) no-repeat 72px 0/40px;}.changes dl.c1 dd.on a{color:#EB544A;}.changes dl.c2{}.changes dl.c2 dd{width: 47px;height: 30px; margin: 2px; border: 1px solid #CACACA; background-color: #fff;}.changes dl.c2 dd div{width: 43px;height: 26px; margin: 2px;}.changes dl.c2 dd.on div{background: url(/images/Selected_w.png) no-repeat 19px -9px/35px;}.changes dl.c2 dd.blue div{background-color: #1f85d7;}.changes dl.c2 dd.brown div{background-color: #804000;}.changes dl.c2 dd.chocolate div{background-color: #d2691e;}.changes dl.c2 dd.green div{background-color: #3aa400;}.changes dl.c2 dd.orange div{background-color: #ff6600;}.changes dl.c2 dd.rose div{background-color: #df1078;}.changes dl.c2 dd.teal div{background-color: #008083;}.changes dl.c3{position: absolute; top: -11px; right: -31px; width: 30px;height: 30px;font-size: 16px; background-color: #FCFCFC; z-index: 1001; border: 1px solid #eb544a; border-left: 0px;line-height: 18px;text-align: center;padding: 10px 0;}.changes dl.c3 a{color: #eb544a;background: url(/images/bigArrow.png) no-repeat 5px 0/29px;display: block;width: 100%;height: 100%;}.changes dl.c3 a.on{-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); transform:rotate(180deg);}</style></head>
<body>
	<div class="hdMod" style="width:978px">线路订单查看</div>
		<div class="topBox" style="width:958px">
			<ul class="clearfix">
				<li>订单号：<em>L1703161232</em></li>
				<li>订单状态：<i class="ava">已取消(原因：会员取消)</i>(点评后可获得<em class="has">230</em>个积分)</li>
			</ul>
		</div>
		<div class="uTexts" style="width:978px">
			<form method="post" id="TourExForm" name="TourExForm">
			<table class="userEditText" width="100%" cellspacing="0" cellpadding="0" border="0">
			  <tbody><tr><td colspan="4" class="title">订单信息</td></tr>
			  <tr>
				<td class="userEditTit" width="15%">旅游线路名称：</td>
				<td width="35%">
                            <a href="http://bj.tourex.net.cn/line/76/" target="_blank">马尔代夫 伊露岛 Irufushi 4晚5日自由行</a>
				</td>
				<td class="userEditTit" width="15%">订单号：</td>
				<td width="35%">L1703161232 </td>
			  </tr>
			  <tr>
				<td class="userEditTit">出游人数：</td>
				<td>1人</td>
				<td class="userEditTit">上车地点：</td>
				<td>[早上六点]天安门广场</td>
			  </tr>
			  <tr>
				<td class="userEditTit">出发日期：</td>
				<td>2017-03-31</td>
				<td class="userEditTit">下单时间：</td>
				<td>2017-03-16 15:42</td>
			  </tr>
			  <tr><td colspan="4" class="title">费用及优惠信息</td></tr>
			  <tr>
				<td class="userEditTit">总金额：</td>
				<td><font style="font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:700; color:red;">13904</font>元</td>
				<td class="userEditTit">使用积分：</td>
				<td><font style="font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:700; color:red;">0</font>个</td>
			  </tr>
			  <tr>
				<td class="userEditTit">使用卡券：</td>
				<td><font style="font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:700; color:red;">0</font>元</td>
				<td class="userEditTit">优惠：</td>
				<td><font style="font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:700; color:red;">0</font>元</td>
			  </tr>
			  <tr>
				<td class="userEditTit">定金支付：</td>
				<td><font style="font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:700; color:red;">13904</font>元</td>
				<td class="userEditTit">前台支付：</td>
				<td><font style="font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:700; color:red;">0</font>元</td>
			  </tr>
			  <tr>
				<td class="userEditTit">点评积分：</td>
				<td colspan="3">
                <font style="font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:700; color:red;">230</font>个
                </td>
			  </tr>
			  <tr><td colspan="4" class="title">联系人及游客信息</td></tr>
			  <tr>
				<td class="userEditTit">联系人：</td>
				<td>jkhjk</td>
				<td class="userEditTit">电话：</td>
				<td>15896967659</td>
			  </tr>
			   <tr>
				<td class="userEditTit">E-mail：</td>
				<td colspan="3">377973770@qq.com</td>
			  </tr>
			  <tr>
				<td colspan="4">
				  <table class="costTable" id="visitor" style="">
					<tbody><tr class="costTitle">
						<th class="style1" width="80px">游客类型</th>
						<th class="style1">姓名</th>
						<th class="style1" width="80px">性别</th>
						<th class="style1" width="80px">证件类型</th>
						<th class="style1">证件号码</th>
						
					</tr>
					<tr>
						<td>成人</td>
						<td>jkhjk</td>
						<td>男</td>
						<td>身份证</td>
						<td>410102198601170154</td>
						
					</tr>
					</tbody></table>
				</td><td>
             </td></tr>
			  
			  
			  
			  
			  <tr>
				<td class="userEditTit">其它要求：</td>
				<td colspan="3">hjkjhk</td>
			  </tr>
		  </tbody></table>
			</form>
		</div>
    
<script type="text/javascript" src="/js/userCenter/jquery.js"></script>
<script type="text/javascript" src="/js/userCenter/common.js"></script>
<script type="text/javascript">
    $(function () {
        $('#lineorderList').addClass('cur');
        $('.userNavText').hide();
        $('.more').addClass('mores');
        $('#lineorderList').parent().parent().show();
        $('#lineorderList').parent().parent().prev('.userNavTit1').find('.more').removeClass('mores');
        $('#userline').next().show();
        var mark = 1,refund=0,allowEdit=((mark==0||mark==2)&&refund!=1),deposit=13904,TransactionStatus='';
        if(!allowEdit){
            $('#visitor tr').each(function(){
                $(this).find('td,th').last().remove();
            });
            $('#InsuranceNumber').text('数量');
            $('#Insurance select').each(function(){
                $(this).parent().text($(this).attr('number')+'份');
            });
            $('#attachment select').each(function(){
                $(this).parent().text($(this).attr('number')+$(this).attr('units'));
            });
        }
        $('#visitor').show();
        var p=$('#Insurance').parent().parent();
        if($('#Insurance tr').length>1){
            p.prev().show();
            p.show();
        }else{
            p.prev().remove();
            p.remove();
        }
        p=$('#attachment').parent().parent();
        if($('#attachment tr').length>1){
            p.prev().show();
            p.show();
        }else{
            p.prev().remove();
            p.remove();
        }
        if(!allowEdit){
            return;
        }
        var isSingle=($('#TourExForm').find('[name="ov_id"],select').not('#accountType').length==1);
        if(isSingle){
            $('#visitor').find('tr').each(function(){
                $(this).children('th,td').last().remove();
            });
        }
        if($('#Button2').length==1){
            $('#Button2').click(function(){
                if($('[name="ov_id"]:checked').length==$('[name="ov_id"]').length){
                    postRefund();
                    return;
                }
                if(!allowPost()){
                    alert('您未修改订单，无需提交。');
                    return;
                }
                postRefund(0);
            });
        }else{
            if(isSingle)$('#Button3').val('确定取消');
            $('#Button3').click(function(){
                if($('#Button3').val()=='确定取消'){
                    location='http://www.tourex.net.cn/usercenter/line/orderlist.html?act=close&id=1232';
                    return;
                }
                if($('[name="ov_id"]:checked').length==$('[name="ov_id"]').length){
                    if(confirm('您是要取消订单吗?')){
                        location='http://www.tourex.net.cn/usercenter/line/orderlist.html?act=close&id=1232';
                    }
                    return;
                }
                if(!allowPost()){
                    var str='请选择您要退团的人';
                    if($('[name^="oi_ID_"]').length>0){
                        str+='或保险';
                    }
                    if($('[name^="loa_ID_"]').length>0){
                        str+='或产品';
                    }
                    str+='.';
                    alert(str);
                    return;
                }
                postRefund();
            }); 
        }
    });
    function postRefund(){
        var data=$('#TourExForm').serializeArray();
        if(data.accountType==undefined&&$('#accountType').length==1)data.accountType=$('#accountType').val();
        $.post(location.href,data,function(json){
            if(json.err!=''){
                alert(json.err);
            }else{
                self.location=document.referrer;
            }
        },'json');
    }
    function allowPost(){
        var ok=false;
        $('[name="ov_id"]').each(function(){
            if($(this).prop('checked'))ok=true;
        });
        $('[name^="oi_ID_"],[name^="loa_ID_"]').each(function(){
            if(0!=$(this).val())ok=true;
        });
        return ok;   
    }
</script>


</body>
</html>